<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link href="index.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/app.js"></script>
    <title>交互设计课程作品展</title>
</head>

<body>
    <!-- 顶部LOGO -->
    <div class="top">
        <div class="left" id="menu-btn">
            <img class="icon" src="images/menu.png" />
        </div>
        <div class="center">
            <div id="logo">
                <span>O</span><span>PEN</span>
                <span>I</span><span>NTERACTIVE</span>
                <span>ART</span>
            </div>
        </div>
        <div class="right">
            <a href="http://msxy.hunnu.edu.cn/"><img class="icon" src="images/home.png" /></a>
        </div>
    </div>

    <div id="menu">
        <a href='/oi' class="item">HOME</a>
        <a href='about.html' class="item">ABOUT US</a>
    </div>

    <!-- 首页动画 -->
    <script src="js/logo.js"></script>
    <div id="head-list">
        <div class="title">
            请滑动触摸我
        </div>
        <div class="details">
            from O.I.Art Lab 美院交互艺术实验室
        </div>
        <div class="time" style="border-top: 1px solid #eee">
            September 29, 2018 Designed by 李翀宇
        </div>
    </div>
    <!-- 正文 -->
    <div class="content">
        <div class="list-container">
        </div>
    </div>

    <!-- FOOTER -->
    <div class="footer">
        <div class="copyright">
            Private Cloud by tt
            <br />
            湖南师范大学美术学院版权所有
        </div>
        <div class="backtop" onclick="document.body.scrollTop = 0">
            <img src="images/top.png" style="width:32px; height:32px" />
        </div>
    </div>
</body>

</html>